import Home from '@/views/Home';
import PlayLists from '@/views/PlayLists';
import SingleList from "@/views/SingleList";
import SearchResult from '@/views/SearchResult';
import Rank from "@/views/Rank";

import MVs from '@/views/MVs';
import MV from '@/views/MV';
import SongItem from '@/components/SongItem';

const routes = [
  {
    path: "/",
    component: Home,
    exact: true,
  },
  {
    path: "/songs",
    component: SongItem,
    exact: true,
  },
  {
    path: "/playlists",
    component: PlayLists,
    exact: true
  },
  {
    path: "/mvs",
    component: MVs,
    exact: true
  },
  {
    path: "/mv/:id",
    component: MV,
    exact: true
  },
  {
    path: "/searchresult/:type/:keywords",
    component: SearchResult,
    exact: false,
  },
  {
    path: "/singlelist/:id",
    component: SingleList,
    exact: true,
  },
  {
    path: "/ranking",
    component: Rank,
    exact: true,
  },
];

export default routes;
